@charset "UTF-8";

//
// @copyright        2017 opencart.cn - All Rights Reserved
// @link             http://www.guangdawangluo.com
// @author           Sam Chen <sam.chen@opencart.cn>
// @created          2017-09-25 15:27:20
// @modified         2017-12-11 16:45:47
//

body {
    /* 固定宽高上下左右居中 */
    .block-vertical-align-center {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    /* 模态框垂直居中 */
    .modal.modal-vertical-middle {
        .modal-dialog {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    }
    &.body-overflow {
        overflow: hidden;
        cursor: pointer;
        &:before {
            opacity: 1;
            // pointer-events: auto;
            z-index: 999999;
            // cursor: pointer;
        }
    }

    @media (max-width: 992px) {
        &:before {
            content: '';
            background: rgba(41,45,53,.5);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            z-index: -1;
            pointer-events: none;
            transition: .3s opacity;
        }
    }
}

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-menu {
    margin: 0;
    padding: 0;
}

.breadcrumb {
    margin-bottom: 10px;

    a {
        color: #222;
    }
}

.form-control {
    box-shadow: none !important;
}

div.required .control-label:before {
    content: '* ';
    color: #f00;
    font-weight: bold;
}

.row.filter-wrapper {
    button {
        outline: 0;
    }

    .btn-group {
        .active {
            background-color: #fff;
            box-shadow: none;
            border-color: $brand-primary;
            color: $brand-primary;
        }
    }
}

.well {
    box-shadow: none;
}

.no-items {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
    img {
        margin: 20px auto 14px auto;
    }
}

.had-arrow {
    position: relative;
    &:after {
        position: absolute;
        top: 15px;
        right: 10px;
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #000;
        z-index: 10;
        pointer-events: none;
    }
}

.compare-error-block {
    width: 306px;
    margin: 0 auto;
    text-align: center;
    .error-image {
        width: 126px;
        height: 112px;
        margin: 0 auto 18px;
        overflow: hidden;
        font-size: 0;
        img {
            width: 100%;
            height: 100%;
        }
    }
    p {
        font-size: 18px;
        margin-bottom: 0;
    }
}

@for $i from 1 through 6 {
    h#{$i} {
        font-size: 26px - ($i *2);
        margin: 0 0 17px - ($i *2);
    }
}

.zoomContainer {
    z-index: 8;
}

.btn {
    outline: none !important;
}